body {
    font-size: 15px;
  }
  
  :root {
    /* 覆盖默认颜色 */
    --vp-c-brand: #ece02e;
    --vp-c-brand-light: #fff01d;
    --vp-c-brand-lighter: #fff01d;
    --vp-c-brand-lightest: #fff01d;
    --vp-c-brand-dark: #fff01d;
    --vp-c-brand-darker: #fff01d;
    --vp-code-block-bg: #f6f6f7;
    /* 自定义一些颜色 */
    --demoblock-border: #e7e7e7;
    --ve-border-radius-base: 6px;
    --ve-custom-block-details-bg: #f1f2fa;
    --ve-c-text-2: #fff01d;
    --ve-c-text-1: #fff01d;
    --ve-vp-custom-block-tip: #f5fbf9;
    /* 修改正文文字颜色 */
     --vp-c-text-1: #98d443; 
    /* 修改链接颜色 */
     --vp-c-brand: #dbd334; 
     --vp-button-brand-bg:orange;
     --vp-c-text-2: #888888;
     --vp-c-brand-1: #dbd334;
     --vp-c-green-2:#dbd334;
  }
  
  .demo-block .meta {
    background-color: var(--vp-code-block-bg);
  }
  
  .demo-block .t_layout_page {
    overflow: visible;
    padding: 0;
  }
  
  .demo-block .t_layout_page .t_layout_page_item {
    padding: 0;
    margin: 0;
  }
  
  html.dark {
    --vp-code-block-bg: var(--vp-c-bg-alt);
  }
  
  /* 提示框 */
  .custom-block.tip {
    border-color: var(--vp-c-green-2);
    background-color: var(--ve-vp-custom-block-tip);
  }
  
  /* 警告框 */
  .custom-block.warning {
    /* border-color: #d97706; */
    border-color: var(--vp-c-yellow-2);
  }
  
  /* 危险框 */
  .custom-block.danger {
    /* border-color: #f43f5e; */
    border-color: var(--vp-c-red-2);
  }
  .VPButton.brand{
    /* 修改文字颜色 */
    color: #ff0000; /* 示例红色，替换为目标颜色 */
    /* 修改背景颜色 */
    background-color: #f0f0f0; /* 示例浅灰色，替换为目标背景色 */
  }
  
  /* 若需修改悬停状态颜色 */
  .VPHomeHero .actions .button:hover {
    color: #00ff00; /* 悬停文字颜色 */
    background-color: #e0e0e0; /* 悬停背景色 */
  }
  
  /* 首页样式 */
  :root {
    --vp-home-hero-name-color: transparent;
    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #e5de7d 30%, #67a93b);
    --vp-home-hero-image-background-image: linear-gradient(-45deg, #a0cd4d 50%, #47e6ff 50%);
    --vp-home-hero-image-filter: blur(44px);
  }
  @media (min-width: 640px) {
    :root {
      --vp-home-hero-image-filter: blur(56px);
    }
  }
  @media (min-width: 960px) {
    :root {
      --vp-home-hero-image-filter: blur(68px);
    }
    .image-src {
      width: 500px !important;
    }
  }
  